@font-face {
  font-family: bankgothic;
  src: url('../fonts/bankgothic.ttf');
}

@font-face {
  font-family: pcdown;
  src: url('../fonts/pdown.ttf');
}

.menu {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Ubuntu', 'Helvetica Neue', sans-serif;
  position   : absolute;
  left       : 50%;
  top        : 50%;
  transform  : translate(-50%, -50%);
  box-shadow : 0px 0px 50px 0px #000;
  overflow-y : auto;
  max-height : 90%; 
}

.menu button {
  background: white;
  outline: none;
  font-size: 16px;
  border: 2px solid #34495e;
  color: #34495e;
  opacity: 0.75;
  transition: 0.3s;
}

.menu button:hover {
  opacity: 1.0;
  background: #34495e;
  color: #FAFAFA;
}

.menu > table {
  border          : 1px transparent;
  border-spacing  : 0;
  min-width       : 400px;
  background-color: #FFF;
}

.menu > table > thead {
  background-color: #34495e;
  text-align      : center;
  height          : 40px;
  line-height     : 40px;
  color           : #fff;
  font-size: 20px;
}

.menu td {
  text-align: center;
  padding   : 8px;
}

.menu tbody tr:nth-child(even) {
  background: #CCC
}

.menu tbody tr:nth-child(odd) {
  background: #FFF
}